<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>LQAB爬虫微服务 1.0 语义爬虫</title>
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="/statics/plugins/bootstrap/css/bootstrap.min.css"/>
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/statics/plugins/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/statics/dist/css/style.css"/>

<style>
.head .search-input {
    height: 45px;
    width: 600px;
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
}

.head .search-input input {
    border: 1px solid #e4e4e4;
    box-sizing: border-box;
    width: 500px;
    height: 45px;
    font-size: 18px;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}

.head .search-btn {
    height: 45px;
    width: 100px;
    border: 1px solid mediumseagreen;
    background-color: mediumseagreen;
    color: white;
    font-size: 16px;
    font-weight: bold;
    float: left;
}

.head .search-btn {
    cursor: pointer
}

.head .search-select {
    position: absolute;
    top: 45px;
    width: 500px;
    box-sizing: border-box;
    z-index: 999;
}

.head .search-select li {
    border: 1px solid #d4d4d4;
    ;
    border-top: none;
    border-bottom: none;
    background-color: #fff;
    width: 100%
}

.head .search-select-option {
    box-sizing: border-box;
    padding: 7px 10px;
}

.head .selectback {
    background-color: #eee !important;
    cursor: pointer
}

.head input::-ms-clear {
    display: none
}

.head .search-reset {
    width: 21px;
    height: 21px;
    position: absolute;
    display: block;
    line-height: 21px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    right: 110px;
    top: 12px
}

.head .search-select-list {
    transition: all 0.5s
}

.head .selectback {
    background-color: #eee !important;
    cursor: pointer
}
.head .search-select ul{margin:0;text-align: left; }


.head ul{list-style: none;padding: 0;margin: 0}
.head .main-logo {
    width: 600px;
    height: 140px;
    position: relative;
}

.head .main-logo img {
    display: block;
    margin: 0 auto;
    user-select: none;
    cursor: pointer;
}

.head .logoList-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: #000 transparent transparent transparent;
    right: 100px;
    top: 66px;
    cursor: pointer
}

.head .logoList {
    position: absolute;
    top: 100%;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    z-index: 999999;
    border: 1px solid #d4d4d4
}

.head .logoList li {
    width: 100%;
    height: 80px;
    background-color: #FEFEFE; /*少个封号报错*/
    line-height: 80px;
    padding-top: 1px;
}

.head .logoList li img {
    width: 100%;
    margin-top: 10px;
}

.head .logofade-enter-active,
.head .logofade-leave-active {
    transition: all  .5s;
}

.head .logofade-enter,
.head .logofade-leave-active {
    opacity: 0;
    transform: translateY(20px);
}
.head .selectback{background-color: #eee !important;cursor: pointer}
</style>
</head>
<body>
<div id="app_content">
    <div class="head">
        <div class="col-xs-8 col-xs-offset-2">
            <!-- 组件不能写到template的根节点上，即每个组件只有一个根节点，这里的div就是这个template的根节点 -->
           <!--  getindex是自定义事件 -->
            <logo-select >
                <div class="main-logo">
<table width="528" border="0">
  <tr>
    <td width="228"><img src="../statics/img/crawler_logo.gif" width="228" height="168" alt="语义爬虫" longdesc="http://www.lqab.net"></td>
    <td width="146"><img src="/statics/img/baidu_logo.png" onclick="toggleFlag()" id="showLogohead" >
                    <span class="logoList-arrow" onclick="toggleFlag()"></span>
                    <!-- tranition是vue的过渡效果 -->
                  <transition name="logofade">
                        <ul class="logoList">

                        </ul>
                    </transition>
                    </td>
  </tr>
</table>

        
     
                 

                

                    
              </div>
            </logo-select>
            <div class="search-input col-xs-12">
                <!-- $event是实参，表示event对象 -->
                <!--
                    输入搜索内容即时搜索，所以有一个keyup事件。
                    按回车键有一个进入搜索内容页面，所以有一个keydown.enter事件
                    按上下键可以选择列表条目
                -->
                <div class="form-inline" style="width:824px;">
                    <div class="form-group">
                        <input type="text" id="keyword" >
                        <!-- 这是一个小叉叉，点击它可清除输入框内容 -->
                      <!--  <div id="search_remove_id"  class="search-reset fa fa-remove" > <i  ></i></div> -->

                        <button class="search-btn btn" id="search_button">搜一下</button>
                    </div>
                </div>
                <div class="search-select col-md-8">
                <!-- transition-group也是vue2.0中的新特性,tag='ul'表示用ul包裹v-for出来的li -->

                </div>
            </div>
        </div>
    </div>

    <div id="main" style="margin-top:100px;">
        <div class="col-xs-8 col-xs-offset-2" id="show_context_id">
            <section class="content"  id="main_context">
                 <div id="ss" style="display:none;" >
                    <div class="box ">
                        <div class="box-body" id="show_table_id">
                            <div id="table_box" >
                                <div class="panel-group" id="accordionTable">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">
                                            <div class="row panel-title ">
                                                <div class=" panel-title col-lg-11 col-md-10 col-sm-10 col-sm-10">
                                                    <a data-toggle="collapse" data-parent="#accordionTable" href="#collapseTable" id="table_title_id"> 点击查询 </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="collapseTable" class="panel-collapse collapse in">
                                            <div class="tab-content">
                                                <div role="tabpanel" class="tab-pane active" id="tab2">
                                                    <div class="list_d" >
                                                        <div class="row" >
                                                            <div class="item" style="display:none;">
                                                                <div class="item_a row_a">
                                                                    <div class="item_a_a col_1" style= "color:#3861a4">title </div>
                                                                    <div class="item_a_b" style="display:none;">
                                                                        <a class="btn-xs btn_c mr5"><i class="fa fa-heart-o"> 关注 </i> </a>
                                                                    </div>
                                                                </div>
                                                                <div class="item_b row_a" style="display:none;">
                                                                    <div class="item_b_d"><span class="label label-primary"> 中标  </span> </div>
                                                                </div>
                                                                <div class="item_c">summary
                                                                </div>
                                                                <div class="item_d">
                                                                    <span  style= "color:#3861a4">公告日期：2018-04-25</span>
                                                                </div>
                                                            </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

    <div class="col-xs-5 col-xs-offset-2" style="top:40px;width:600px;">
        <div class="foot">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div class="text-center"><h3>技术特点:</h3></div>
                    <p>1主程序和爬虫引擎无需再部署在同一台物理主机，可以做到跨操作系统和初级的分布式负载均衡。</p>
                    <p>2.提供了成熟高效的对称加密功能，保证了外网通讯中爬取结果的安全与私密性。因为做到了跨网段部署。可以承担一部分代理云主机的角色，例如:可以部署在国外，获得国外IP和网络带宽，对一些特殊网站可以很好的采集。</p>
                    <p>3.无论部署在内网还是外网，都支持基于关键词的语义爬取。语义爬取内容主要是输入关键词从搜索引擎采集， 因此可以用于传统的元搜索，搜索小偷和智能问答机器人等高端数据采集需求。</p>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12">
                    <div>如果您觉得效果不错，请<font color="#FF0000" style="font-size:18px;">扫码资助</font>我们的开源项目《LQAB爬虫微服务》</div>
                    <div><img src="/statics/img/pay_weixin.jpg" style="width:100%;"/></div>
                </div>
            </div>
            <div class="row" style="top:40px;margin-top:20px;">
                <div class="col-xs-10 col-xs-offset-2" style="border:1px solid #000;">
					<p></p>
                    <p>QQ群：88786426 &nbsp;&nbsp;<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=f5133f3fd55a772b84246a0786037242bd2379feddabc2cabffce7d700e4fe67"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="丽华爬虫微服务总群" title="丽华爬虫微服务总群"></a></p>
                    <p><img src="../statics/img/group_qq.png" width="302" height="302" alt="丽华爬虫微服务" longdesc="http://lqab.net:8004"></p>
                    <p>联系电话：15636176092（微信同号，早9:00  -- 晚16:00）</p>
                    <p>客服微信二维码：<img src="../statics/img/15636176092.jpg" width="302" height="302" alt="丽华爬虫微服务" longdesc="http://lqab.net:8004">
                  <p>
                    <p>演示网址：<a href="http://lqab.net:8003" target="_blank">http://lqab.net:8003</a> (api)</p>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="http://lqab.net:8004" target="_blank"> http://lqab.net:8004</a> (web)</p>
                    <p>出品：LQAB工作室（<a href="http://www.lqab.net" target="_blank">http://www.lqab.net</a>）</p>
                    <p>主创：王滕辉 吉更</p>
                    <p></p>
                </div>

            </div>
        </div>
    </div>
    </div>



</div>
<center></center>
<!-- jQuery 2.2.3 -->
    <script type="text/javascript" src="/statics/plugins/jQuery/jquery.min.js"></script>
	<!-- Bootstrap 3.3.6 -->
    <script type="text/javascript" src="/statics/plugins/bootstrap/js/bootstrap.min.js"></script>
    <!-- bootbox  -->
    <script type="text/javascript" src="/statics/plugins/jQuery/bootbox.min.js"></script>
    <!-- 自定义组建  -->
    <script type="text/javascript" src="/statics/plugins/jQuery/ajax.js"></script>
	<script type="text/javascript" src="/statics/plugins/jQuery/alert.js"></script>
    <!-- 自定义脚本 -->
    <script type="text/javascript" src="/statics/pages/index.js"></script>
</body>
</html>